/****************public style***************/
*{ margin:0; padding:0;}
ul,ol,dl,li,dd,dt{ list-style:none;}
a{ text-decoration:none; font-size:12px; cursor: pointer;}
a:hover{opacity: .8;}
img{ border:0 none;}
body{ font-size:12px; font-family: "Microsoft Yahei", "微软雅黑", "宋体", Tahoma, Arial, Helvetica; overflow-x:hidden; }
*:link,*:visited,*:focus,*:hover,*:active{ transition:.3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition:.3s;}
div:hover{transition:0s; -moz-transition:0s; -webkit-transition:0s; -o-transition:0s;}
.f_l{ float:left;}
.f_r{ float:right;}
.t_c{ text-align:center;}
.clear{ clear:both;}
.f_25{ font-size: 25px;}
.line{ margin-top:7px; background:#ddd; height:1px;}
.m_10{ margin-top:10px;}
.m_15{ margin-top:15px;}
.m_25{ margin-top:25px;}
input,textarea,select{ outline: none; border-radius: 3px; text-indent:3px;  border: 1px solid #ccc;}
.mb_25{ margin-bottom:25px;}
.mb_10{ margin-bottom:10px;}
._back{ background:#245375;}
.price{color: #f10214;}
.green{color:green;}
.red{color:red;font-weight: bold;}
.lt{ text-decoration: line-through;}
::-webkit-scrollbar {width:10px;height:10px;cursor: pointer;}
::-webkit-scrollbar-track-piece{background-color: #eee;margin: -2px; }
::-webkit-scrollbar-thumb{background:#bbb;min-height: 150px;min-width: 150px;}
.title{height: 40px; line-height: 39px; text-indent: 5px; border-bottom: 1px solid #e5e5e5;  background: #f5f5f5;}
.warp{ padding:0px;background:#e9ebee;}
/****************public style***************/



/****************main style***************/
.top{height: 50px; width: 100%; position: fixed; top: 0; left: 0; }
.top .logo{ width: 190px; height: 50px;float: left;}
.top .logo img{height: 30px; margin: 12px 0 0 38px;}
.top .userinfo{ height: 50px; line-height: 50px; padding-right: 10px;}
.top .userinfo a,.top .userinfo span{ display: block; float: left;	 padding: 0 10px;color:#fff;}
.top .userinfo a:hover{opacity:.8; }
.top .nav{height: 50px; line-height: 50px;}
.top .nav a,.top .nav span{ font-size:12px; padding:0 10px 0 0; color:#fff;float: left;}
.top .nav span font{cursor: pointer; padding: 0 5px; background:olivedrab;}
.top .nav span font:hover{opacity: .8;}
.top a:hover{opacity: .8;}
/****************main style***************/


/****************main_left style***************/
.main_left{width: 189px; border-right:1px solid #ccc; position: fixed; top: 50px; left: 0; bottom: 0; overflow-y: scroll; background: #e9ebee;}
.main_left .menu{font-size: 14px; color: #333;}
.main_left .menu li h3{ cursor: pointer; line-height:39px; text-indent:25px; border-bottom: 1px solid #ccc; font-weight:bold;}
.main_left .menu li h3.on{ background:url(../images/minus.png) no-repeat 145px center;}
.main_left .menu li h3.off{ background:url(../images/plus.png) no-repeat 145px center;}
.main_left .menu li h3.off:hover{ background:url(../images/minus.png) no-repeat 145px center;}
.main_left .menu li ul{background:#fff; display: none;}
.main_left .menu li ul a{ display: block; color:#444; text-align:left; text-indent:35px; line-height:33px; border-bottom: 1px solid #e9ebee;}
/****************main_left style***************/

/****************main_right style***************/
.main_right{position: fixed; top:50px; left: 190px; right: 0; bottom:35px;}
/****************main_right style***************/

/****************footer style***************/
.footer{position: fixed; bottom:0; left: 190px; font-size: 12px; text-indent: 10px; color:#666; right: 0; height: 34px; border-top:1px solid #ccc; line-height: 35px; background:#e9ebee;}
/****************footer style***************/

/****************info style***************/
.serverinfo{background: #fff; padding: 10px 15px;overflow: hidden;}
.serverinfo h3{line-height:35px; border-bottom: 1px solid #ccc;}
.serverinfo ul li{ line-height: 39px; height: 40px; border-bottom: 1px dashed #eee;}
.serverinfo ul li:last-child{ border-bottom:none;}
.serverinfo ul li span{ display:block; float: left; width:25%; font-size: 12px; }
.serverinfo ul li span .l_text{ text-align: right; width: 120px; float: left; color:#999; padding-right: 10px; font-size: 14px;}
.serverdata { background: #fff; padding: 10px 15px; overflow: hidden; margin-bottom: 10px;}
.serverdata .l_box,.serverdata .r_box{ width: 49%;}
.serverdata .l_box h3,.serverdata .r_box h3{line-height:35px; border-bottom: 1px solid #ccc;}
.serverdata .l_box li,.serverdata .r_box li{line-height: 39px; height: 40px; border-bottom: 1px dashed #eee;}
.serverdata .l_box li:last-child{ border-bottom:none;}
.serverdata .l_box li span{width: 50%; display: inline-block; float: left;}
.serverdata .l_box li span a{ font-size: 12px; color:#fff; padding: 0 6px; border-radius:3px; margin: 0 auto; background:#666;}
.serverdata .l_box li span a:hover{ opacity:.8; background:#245375;}
.serverdata .r_box .adminfo{line-height: 39px; height: 40px; border-bottom: 1px dashed #eee;}
.serverdata .r_box .adminfo:last-child{border-bottom:none;}
.serverdata .r_box .adminfo b{ width: 50%; display: inline-block; float: left;font-weight: normal;}
.serverdata .r_box .adminfo b i{font-size: 12px;font-style:normal; color: #999;}
.serverdata .r_box .adminfo b i a{font-size: 12px; padding: 0 5px; color:#4267b2; cursor: pointer;}
.serverdata .r_box .adminfo b i a:hover{  text-decoration: underline;}
/****************info style***************/

/****************list style***************/
.main_list{background: #fff; padding: 10px 15px;overflow: hidden;}
.main_list .list td.null{height:690px; font-size:14px; font-weight: bold; color:red; text-align: center;}
.main_list h3{line-height:35px; border-bottom: 1px solid #ccc;}
.main_list h3 a{ float: right;height:25px; margin:5px 0 0 10px; color:#fff; background:#245375; line-height: 25px ;padding:0 8px;}
.main_list h3 a.bin{ background: #666;}
.main_list h3 a b{border-radius: 5px; padding:0 5px; background:#777; vertical-align: middle; margin-left:3px;}
.main_list .search{ line-height: 35px;}
.main_list .search li{display: inline-block; margin-right:10px;}
.main_list .search li b { font-size:12px;}
.main_list .search li input{ width:100px; }
.main_list .search li input.s{ width: 50px;}
.main_list .search li select{ width:100px; margin-right:20px; cursor:pointer;}
.main_list .search li select.s{ width:55px;}
.main_list .search li input.submit{ text-indent:0; background:#245375; color: #fff; border:none; height:20px; line-height:20px; cursor: pointer; width:55px; text-align: center;}
.main_list .list{margin:10px 0 ;font-size:13px; width:100%; display: table;border-collapse:collapse;border-spacing:0;border-left:1px solid #ccc;border-top:1px solid #ccc;}
.main_list .list tr{height:35px;}
.main_list .list tr:hover{ background:#f1f1f3;}
.main_list .list td{text-align: center;border:solid #ccc; font-size: 12px; border-width:0 1px 1px 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;  }
.main_list .list td input{ width:12px; height:12px;}
.main_list .list th{font-size: 14px; height: 40px; background: #f1f1f3; color: #222;border-right:1px solid #ccc;border-bottom:1px solid #ccc;}
.main_list .list td a{font-size: 12px; padding: 0 5px; color:#4267b2; cursor: pointer;}
.main_list .list td a:hover{text-decoration: underline;}
.main_list .list td .rz{display: block; margin: 0 auto; width: 50px; height: 35px; background: url(../images/rz.png);}
.main_list .list td .wrz{display: block; margin: 0 auto; width: 50px; height: 35px; background: url(../images/wrz.png);}
.main_list .list td .num{color: #bbb; font-style: normal;}
/****************list style***************/

/****************pager style***************/
.page_box{background: #fff; padding:0 15px 15px 15px;overflow: hidden;}
.handle_box{ padding:10px 0; height:22px; display: inline-block;overflow: hidden;}
.handle_box input{ height:14px;vertical-align:top;margin-top:5px;}
.handle_box button{ cursor: pointer; line-height:20px; padding: 0 5px; margin-left:5px;}
.handle_box button:hover{opacity: .8;}
.pager{padding:10px 0; overflow: hidden;}
.pager li { display: inline-block; float: left;}
.pager li a,.pager a{line-height:22px; color:#222; padding:0 7px; cursor: pointer; background: #f7f7f7;margin-right:5px; float: left; border:1px solid #ccc;}
.pager li a:hover{ border-color: #245375;}
.pager a:hover{ border-color: #245375;}
.pager li a.on{background: none; border:0;}
.pager .total{line-height:22px; display: inline-block; font-size: 12px;}
.pager form{display:inline-block;height: 22px;}
.pager form input{height:22px; width: 40px;}
.pager form input.sub{background: #245375; color: #fff;border: none;height:23px;line-height: 23px;cursor: pointer;width:35px;text-align: center; text-indent:0;}
/****************pager style***************/


/****************form style***************/
.main_form{background: #fff; padding: 10px 15px;min-height:840px; overflow: hidden;}
.main_form h3{line-height:35px; border-bottom: 1px solid #ccc;}
.main_form h3 a{ float: right;height:25px;margin:5px 0 0 10px; color:#fff; background:#245375; line-height: 25px ;padding:0 8px;}
.main_form .row{ overflow:hidden; line-height:25px; margin:10px auto;}
.main_form .row label{ float:left; font-weight: bold; margin-right: 10px; text-align: right; width:100px; height:25px;}
.main_form .row label input{ height:13px; width: 13px; vertical-align: middle;margin-top:-2px;}
.main_form .row label font{ font-size: 12px;}
.main_form .row .rl {overflow: hidden;}
.main_form .row .rl li{margin-bottom: 5px;font-size:12px; color: #666;}
.main_form .row .rl div .img_box{margin-right: 10px; display:inline-block; margin-bottom: 5px; width: 100px;}
.main_form .row .rl div .img_box img,
.main_form .row .rl div .img_box a{display: block; cursor: pointer; width: 100px; margin-bottom: 3px;}
.main_form .row .rl div .img_box input{display: block; width:98px; margin-bottom: 3px;}
.main_form .row .rl font{margin:0 10px 0 3px; font-size: 12px;}
.main_form .row .rl b{color: red; font-weight: normal;}
.main_form .row .rl input{ height:25px; width: 150px; font-size:12px; color: #555;}
.main_form .row .rl input:focus{color: #000;}
.main_form .row .rl .ck{padding:0 15px 0 0; float: left;}
.main_form .row .rl .ck input{ height:13px; width: 13px; vertical-align: middle;margin-top:-2px;}
.main_form .row .rl .ck font{font-size:12px;}
.main_form .row .rl textarea{ height:40px; width:350px; line-height:20px;color: #555;}
.main_form .row .rl textarea:focus{color: #000;}
.main_form .row .rl textarea.model{height:120px;  width:140px;  line-height:20px; text-indent:0;}
.main_form .row .rl textarea.desc{height:80px; width:350px; line-height:20px;}
.main_form .row .rl input.file{width:196px;}
.main_form .row .rl input.excel{width:196px;}
.main_form .row .rl .model_box{ border: 1px solid #ccc; padding: 5px; border-radius: 3px; margin-bottom: 10px; width:40%; overflow: hidden;}
.main_form .row .rl .model_box .models { border-radius: 3px; font-size: 12px; margin:5px 5px; float: left; border: 1px solid #e9ebee; padding:0 10px;}
.main_form .row .rl input.cb{ height:12px; width: 12px;  vertical-align:middle;}
.main_form .row .rl input.kw{ width:480px;}
.main_form .row .rl input.long{width: 500px;}
.main_form .row .rl input.mid{width: 250px;}
.main_form .row .rl input.mini{width: 50px;}
.main_form .row .rl input.artitle{ width:280px;}
.main_form .row .rl input.bn{ border:none;}
.main_form .row .rl select{height:25px; width: 100px;}
.main_form .row .rl input.sub,.main_form .row .rl a.sub{display: inline-block; background: #245375; color: #fff;border: none;height:25px;line-height:25px;cursor: pointer; width:60px; margin-right: 10px; text-indent:0;text-align: center;}
.main_form .row .rl a.sub.red{background:#fa3e3e;}
/****************form style ***************/

/**************** warning_box ***************/
#warning_box{ position:fixed;z-index:9999;min-height:120px;top:28vh;left:calc(50% - 200px);width:400px; border: 1px solid #eee; background: white;border-radius: 4px;padding:15px;margin: 0 auto;}
#warning_box h3 {height:20px;}
#warning_box h3 #close{ float: right; font-size: 14px; cursor: pointer;}
#warning_box h3 #close:hover{opacity: .8;}
#warning_box ol { padding-left: 20px;}
#warning_box ol li{height:30px; line-height:30px;list-style-type:disc; }
#mask{position: fixed;z-index: 9998; top: 0;right: 0;bottom: 0;left: 0;background: rgba(0, 0, 0, .5);}
/**************** warning_box ***************/

/**************** login ***************/
.login_bg{ background:#245375;}
.login_box{ width: 360px; display: block; padding:30px 20px 35px 20px; border-radius:5px; background: #fff;  margin:140px auto;}
.login_box h2{ font-weight:normal;}
.login_box .input_box{ border: 1px solid #999; border-bottom: none; border-radius: 3px; margin:25px 0;}
.login_box .input_box .row{height: 50px; line-height: 50px; padding:0 6px 0 18px; font-size: 18px; border-bottom:1px solid #999 ;}
.login_box .input_box .row 	input{font-size: 18px;line-height:21px; background:none; width:280px; color:#666; border: 0 none; margin-left: 15px;}
.login_box .input_box .row 	input.yzm{width:210px;}
.login_box .input_box .row .icon{ text-align: center; float: left; width: 20px; display: inline-block;}
.login_box .input_box .row img{ vertical-align: middle; cursor: pointer; margin-top: -5px;}
.login_box .sub{line-height: 35px; margin-bottom: 15px; color: #fff; cursor: pointer;  width: 100%; border:none; background: #245375;}
/**************** login ***************/

